		<script src="include/jquery-1.6.1.min.js" type="text/javascript"></script>
 
		<link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" media="screen" title="prettyPhoto main stylesheet" charset="utf-8" />
		<script src="include/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>
		
		<style type="text/css" media="screen">
 
			
			ul li { display: inline; }
			.imgablum
			{
				margin-left:15px;
				margin-right:15px;
				margin-bottom:30px;
				width:270px;
				height:240px;
			}

		</style>       
            
 <div>
 	<h1><br />
Photo Gallery</h1><br> 

<hr><br />
<br />

 </div>

<div style="width:100%;text-align:center">
 
 <ul class="gallery clearfix ">
				<li>
                <a href="image/stam.jpg" rel="prettyPhoto[gallery1]" >
                <img src="image/stam.jpg"  class="imgablum" />
                </a>
                </li>
				<li><a href="image/stam.jpg" rel="prettyPhoto[gallery1]">
                <img src="image/stam.jpg"  class="imgablum"  />
                </a>
                </li>
				<li><a href="image/stam.jpg" rel="prettyPhoto[gallery1]">
                <img src="image/stam.jpg"  class="imgablum" />
                </a>
                </li>
                <li>
                <a href="image/stam.jpg" rel="prettyPhoto[gallery1]" >
                <img src="image/stam.jpg"  class="imgablum" />
                </a>
                </li>
				<li><a href="image/stam.jpg" rel="prettyPhoto[gallery1]">
                <img src="image/stam.jpg"  class="imgablum"  />
                </a>
                </li>
				<li><a href="image/stam.jpg" rel="prettyPhoto[gallery1]">
                <img src="image/stam.jpg"  class="imgablum" />
                </a>
                </li>
                <li>
                <a href="image/stam.jpg" rel="prettyPhoto[gallery1]" >
                <img src="image/stam.jpg"  class="imgablum" />
                </a>
                </li>
				<li><a href="image/stam.jpg" rel="prettyPhoto[gallery1]">
                <img src="image/stam.jpg"  class="imgablum"  />
                </a>
                </li>
				<li><a href="image/stam.jpg" rel="prettyPhoto[gallery1]">
                <img src="image/stam.jpg"  class="imgablum" />
                </a>
                </li>
			</ul>
  
</div>

<script type="text/javascript" charset="utf-8">
			$(document).ready(function(){
				$("area[rel^='prettyPhoto']").prettyPhoto();
				
				$(".gallery:first a[rel^='prettyPhoto']").prettyPhoto({animation_speed:'normal',theme:'light_square',slideshow:3000, autoplay_slideshow: true});
				$(".gallery:gt(0) a[rel^='prettyPhoto']").prettyPhoto({animation_speed:'fast',slideshow:10000, hideflash: true});
		
				$("#custom_content a[rel^='prettyPhoto']:first").prettyPhoto({
					custom_markup: '<div id="map_canvas" style="width:260px; height:265px"></div>',
					changepicturecallback: function(){ initialize(); }
				});

				$("#custom_content a[rel^='prettyPhoto']:last").prettyPhoto({
					custom_markup: '<div id="bsap_1259344" class="bsarocks bsap_d49a0984d0f377271ccbf01a33f2b6d6"></div><div id="bsap_1237859" class="bsarocks bsap_d49a0984d0f377271ccbf01a33f2b6d6" style="height:260px"></div><div id="bsap_1251710" class="bsarocks bsap_d49a0984d0f377271ccbf01a33f2b6d6"></div>',
					changepicturecallback: function(){ _bsap.exec(); }
				});
			});
			</script>